/* 全局css */
/**{ font-weight: 300; }*/
html, body, tt, code, kbd, samp{font-family: '微软雅黑', sans-serif; }

html{
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body .app-content{
    padding: 10px 20px;
    height: calc(100% - 200px);
    overflow: auto;
}
body .app-content.no-title{
    height:100%;
}

body .app-content.app-bg{
    background-color: #fbfbfb;
}

.app-title {
    text-align: center;
    font-size: 34px;
    color: #3cc51f;
    font-weight: 400;
    margin: 0 15%;
}

.app-sub-title {
    text-align: center;
    color: #888;
    font-size: 14px;
}

.app-header {
    padding: 35px 0;
}

.app-content-padded {
    padding: 15px;
}

.app-second-title {
    text-align: center;
    font-size: 24px;
    color: #3cc51f;
    font-weight: 400;
    margin: 0 15%;
}

.cursor-pointer{
    cursor: pointer;
}

/*  */

.nav, .nav::after {
    position: absolute;
    left: 0;
}

.nav {
    top: 0;
    right: 0;
    z-index: 999;
    height: 2.2rem;
    padding-right: .5rem;
    padding-left: .5rem;
    background-color: #f7f7f8;
    backface-visibility: hidden;
    position: relative;
}

.nav .button-link{
    top: 0;
    padding: 0;
    font-size: .8rem;
    line-height: 2.2rem;
    height: 2.2rem;
    color:#04be02;
    border: 0;
    cursor: pointer;
}
.nav .button{
    display: flex;
    position: relative;
    top: 0;
    z-index: 4;
    margin-top: 0;
    font-weight: 400;
    background: transparent;
    color: #04be02;
}

.nav .button .icon{
    width: 1rem;
    margin-right: 10px;
}

.nav .button.left{
    float: left;
}

.nav .button.right {
    float: right;
}

.title {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: .85rem;
    font-weight: 500;
    line-height: 2.2rem;
    color:#3d4145;
    text-align: center;
    white-space: nowrap;
}


/* 图标 */

.icon {
    width: inherit; height: inherit;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.icon.icon-sm {
    width: 2em; height: 2em;
}

.icon.icon-md {
    width: 6em; height: 6em;
}

.icon.icon-lg {
    width: 12em; height: 12em;
}
